//console.log($(".smallbox"))

//AJAX获取  放大镜图片数据
//var path = "http://127.0.0.1/YJProject/images/details/fdj/";
//$.get("http://127.0.0.1/YJProject/server/detail_fdj.json",function(data){
//	//console.log(data)
//	var bimg = path+data.bigimg;
//	var bg =$("<img></img>"); 
//	bg[0].src = bimg;
//	bg.appendTo($(".bigbox"));
//	
//	
//	var simg = path+data.smallimg;
//	var sg =$("<img></img>"); 
//	sg[0].src = simg;
//	sg.appendTo($(".smallbox"));
//	
//	var arr = data.tabimg;
//	for(var i=0,len=arr.length;i<len;i++){
//		var img = $("<img></img>");
//		var li = $("<li></li>");
//		img[0].src = path+arr[i];
//		img.appendTo(li);
//		li.appendTo($(".tab ul"));
//	}
//	
//	fdj_event();
//	
//	
//	
//	
//	
//})

//  测试 fdj

//  封装放大镜模块的所有事件
function fdj_event() {

	//  当 点击轮播项中的li 时  边框变红色

	$(".tab ul li").click(function() {
		$(this).addClass("active").siblings().removeClass();
		var imgsrc = $(this).find("img")[0].src;
		//console.log(imgsrc)
		$(".smallbox img")[0].src = imgsrc;
		$(".bigbox img")[0].src = imgsrc;

	})

	$(".smallbox").mouseenter(function() {
		$(".smallbox .fdj").addClass("active");
		$(".bigbox").addClass("active");
	})

	$(".smallbox").mouseleave(function() {
		$(".smallbox .fdj").removeClass("active");
		$(".bigbox").removeClass("active");
	})

	$(".smallbox").mousemove(function(e) {
		var sx = document.documentElement.scrollLeft || document.body.scrollLeft;
		var sy = document.documentElement.scrollTop || document.body.scrollTop;

		var x = e.clientX + sx - this.offsetLeft - $(".smallbox .fdj").width() / 2;
		var y = e.clientY + sy - this.offsetTop - $(".smallbox .fdj").height() / 2;
		//console.log(this.offsetLeft)
		var mx = this.offsetWidth - $(".smallbox .fdj")[0].offsetWidth;
		var my = this.offsetHeight - $(".smallbox .fdj")[0].offsetHeight;
		//console.log(mx)
		if(x > mx) {
			x = mx;
		}
		if(x < 0) {
			x = 0;
		}

		if(y > my) {
			y = my;
		}
		if(y < 0) {
			y = 0;
		}

		$(".smallbox .fdj").css({
			left: x,
			top: y
		});

		// 大盒子 里面的 图片定位 
		$(".bigbox img").css({
			left: -4 * x,
			top: -4 * y
		});

	})

	//  放大镜  右侧按钮 
	var n = 0;
	$(".rbtn").click(function() {
		n++;
		if(n > 3) {
			n = 3;
		}
		$(".tab ul").stop().animate({
			left: -n * 70
		});

	})

	//   左侧 按钮

	$(".lbtn").click(function() {
		n--;
		if(n < 0) {
			n = 0;
		}
		$(".tab ul").stop().animate({
			left: -n * 70
		});
	})

}

//  详情页吸顶 菜单

$(window).scroll(function() {

	$(".head_bottom").css({
		position: "relative",
		'z-index': 1
	});
	$(".head_bottom .menu").removeClass("active");
	var top = document.documentElement.scrollTop || document.body.scrollTop;
	if(top > 800) {

		$("#detail_menu").addClass("active");
		//console.log(top)
	} else {

		$("#detail_menu").removeClass("active");
	}

	// 滚到一定程度字体颜色变红

	//console.log(top)
	if(top > 3900) {
		$("#detail_menu .rec").addClass("active").siblings().removeClass("active");
	} else {
		$("#detail_menu .rec").removeClass("active").siblings().addClass("active");
	}

})

$("#detail_menu a").click(function() {
	$(this).addClass("active").siblings().removeClass("active");
})

// 获取隐藏域的value值

var val = $("#hide").val();
var Rpath = "http://127.0.0.1:80/YJProject/images/list/new_populer/"
var urlpath = "http://127.0.0.1:80/YJProject/client/";

$.get("http://127.0.0.1:80/YJProject/server/goods.json", function(data) {
	//console.log(data)
	for(var i = 0, len = data.length; i < len; i++) {
		if(data[i].pid == val) {
			//console.log(data[i].imgSrc)
			var str = '<h5 class="g-title">' + data[i].title + '</h5>' +
				'<ul class="g-content">' +
				'<li class="li1"><a href="' + urlpath + data[i].b_url + '?pid="' + data[i].pid + '"">商品品牌：<span class="g-brand">' + data[i].brand + '</span></a></li>' +
				'<li class="li2">优选价<span class="act-price">¥' + data[i].price + '.00</span></li>' +
				'<li class="li3">市场价<span class="mark-price">¥' + data[i].mark_price + '.00</span></li>' +
				'<li class="g-color">' +
				'<dl>' +
				'<dd>颜色：</dd>' +
				'<dt>' +
				'<ul>' +
				'<li title="' + data[i].color + '" class="on active">' +
				'<img src="' + Rpath + data[i].imgSrc + '"/>' +
				'</li>' +
				'</ul>' +
				'</dt>' +
				'</dl>' +
				'</li>' +

				'<li class="g-size">' +
				'<dl>' +
				'<dd>尺码：</dd>' +
				'<dt class="active">' + data[i].size + '</dt>' +
				'</dl>' +
				'</li>' +

				'<li class="g-num">' +
				'<dl>' +
				'<dd>数量：</dd>' +
				'<dt>' +
				'<p>' +
				'<span class="down">-</span>' +
				'<input type="text" value="1" readonly="readonly"/>' +
				'<span class="up">+</span>' +
				'</p>' +
				'</dt>' +
				'</dl>' +
				'</li>' +

				'<li class="tishi">' +
				'<dl>' +
				'<dd>提示：</dd>' +
				'<dt>' +
				'<ul>' +
				'<li class="red"></li>' +
				'<li class="txt">香港保税仓发货</li>' +

				'<li class="red"></li>' +
				'<li class="txt">售价含税</li>' +

				'<li class="red"></li>' +
				'<li class="txt">满额包邮</li>' +
				'</ul>' +
				'</dt>' +
				'</dl>' +

				'</li>' +
				'</ul>' +

				'<div class="g-collect">' +
				'<span class="coll">收藏</span>' +
				'<a href="###" class="buy"></a>' +
				'<span class="add">' +
				'<img src="../images/details/fdj/shopping-bag.png"/>' +
				'加入购物袋' +
				'</span>' +
				'</div>';

			var div = $('<div class="g-right right" pid="' + data[i].pid + '"></div>');
			div.html(str).appendTo($("#details_main .goods"));
			cart_r_event();

			//放大镜 部分

			var dat = data[i].fdj;
			//console.log(dat)
			var fdj_path = "http://127.0.0.1/YJProject/images/details/fdj/";

			var bimg = fdj_path + dat.bigimg;
			var bg = $("<img></img>");
			bg[0].src = bimg;
			bg.appendTo($(".bigbox"));

			var simg = fdj_path + dat.smallimg;
			var sg = $("<img></img>");
			sg[0].src = simg;
			sg.appendTo($(".smallbox"));

			var arr = dat.tabimg;
			for(var i = 0, len = arr.length; i < len; i++) {
				var img = $("<img></img>");
				var li = $("<li></li>");
				img[0].src = fdj_path + arr[i];
				img.appendTo(li);
				li.appendTo($(".tab ul"));
			}

			fdj_event();

			return false;

		}

	}
})

cart_r_event();

// 对详情页面右侧添加购物车部分的事件进行封装

function cart_r_event() {
	
	//  点击添加购物车时 将商品数据 存入本地

	$(".g-collect .add").click(function() {
		if(color_checked()&&size_checked()){
			
			//console.log($.cookie("goods"))
		var pid = $(this).parents(".g-right").attr("pid");
		//var act = $(this).parents("dl").attr("active");
		//var url = $(this).parents("dl").find(".url")[0].href;
		var src = $(this).parents(".g-right").find("img")[0].src;
		var desc = $(this).parents(".g-right").find("h5").html();
		var color = $(this).parents(".g-right").find(".on")[0].title;
		var size = $(this).parents(".g-right").find(".g-size").find("dt").html();
		var price = $(this).parents(".g-right").find(".act-price").html();

		//用正则表达式对价格做一个处理
		var reg = /\d+/g;
		var arr = reg.exec(price);
		var p = arr[0];
		//		//将获取到的商品数据封装在对象中      并存入本地cookie
		var num = Number($(".g-num input").val());
		//console.log(num)

		var obj = {
			pid: pid,

			imgSrc: src,
			desc: desc,
			color: color,
			size: size,
			price: p,

			count: num //商品数量默认为1

		}

		//console.log(price)
		//存入本地钱前对商品 进行判断      本地是否已经 存有本商品
		var is = checkGoods(pid);
		if(is) {
			//alert("有")
			addCount(pid, num);
			//alert(111)
			numTotal();
			//console.log(numTotal())
			//console.log($.cookie("goods"))

		} else {
			//alert("没有")
			//console.log(obj)
			addObj(obj);
			//console.log($.cookie("goods"))
			//console.log(numTotal())
			numTotal();

		}

		//  模糊特效  添加购物车成功

		//   加入购物车成功后的特效

		//var w = $(window).width();
		var h = $(window).height();

		$('#bigbox').height(h).fadeIn(1000);
		$('#smallbox').fadeIn(1000);

		setTimeout(function() {
			$('#bigbox').height(h).fadeOut("slow");
			$('#smallbox').fadeOut("slow");
		}, 1000)

			
		}else{
			alert("请选择商品属性");
		}
		
		
		
	})

	numTotal();

	//  给颜色和 尺寸 加点击事件

	//console.log($(".g-color dt ul li"))
	$(".g-color dt ul li").click(function() {
		$(this).toggleClass("active");
		
		//换图片
		var src = $(this).find("img")[0].src;
		$("#details_main .goods .smallbox img")[0].src = src;
		$("#details_main .goods .bigbox img")[0].src = src;
		
	})

	$(".g-size dt").click(function() {
		$(this).toggleClass("active");
	})

	// 点击  +号时

	$(".g-num .up").click(function() {
		var val = $(this).prev().val();
		val++;
		$(this).prev().val(val);
		//console.log(val)
	})

	// 点击  - 号时

	$(".g-num .down").click(function() {
		var val = $(this).next().val();
		val--;
		if(val < 1) {
			val = 1;
		}
		$(this).next().val(val);
		//console.log(val)
	})

	//  当鼠标移入 添加购物车 按钮时  改变其透明度

	$(".g-collect .add").mouseenter(function() {
		$(this).addClass("active");

	})

	$(".g-collect .add").mouseleave(function() {
		$(this).removeClass("active");

	})

	// 点击收藏按钮时自动跳转到注册页面

	$(".g-collect .coll").click(function() {

		window.location.href = "http://127.0.0.1:80/YJProject/client/regist.html";
	})

}


//  封装一个函数判断：颜色是否被选中

// 在这里分别用了  2个不同的方法【hasClass和is】来判断是否含有active这个类名;
//注意：他们在使用时的区别：hasClass括号里面的class类名前面不加".";
//                  is括号里面的class类名前面 要加"."; 


function color_checked(){
	var n = $(".g-color dt ul li").hasClass("active");
	return n;
}

//  封装一个函数判断：尺码是否被选中

function size_checked(){
	var n = $(".g-size dt").is(".active");
	return n;
}


